<template>
    <div class="hello">
        <h2>HelloWorld组件</h2>
        ceshiu
        {{ message }}
        {{ fengliulin }}
        {{hello}}
        <br>
        <button v-on:click="helloMethod">Click</button>
    </div>
</template>

<script lang="ts">
import {Component, Vue} from 'vue-property-decorator'

// 定义子组件可以接收的属性
@Component({
    props: ["fengliulin"],
    // 可以用在这里，也可以用在下面的类中
    data() {
        return {
            hello: "df111"
        }
    }
})
export default class HelloWorld extends Vue {
    /**
     * undefined 不是响应式的
     * null和"" 都是响应式的
     * @private
     */
    private message: string = ""

    // 声明为组件方法
    helloMethod() {
        console.log('Hello World!')
        console.log(this)
    }

}
</script>

<style scoped>

</style>
